<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/Cart.css">
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <img src="http://activity.dapuimg.com/2019082001logo.png" alt="">
    </header>
    <!-- 头部结束 -->
    <!-- 头部下标题开始 -->
    <nav>
        <div class="nav_left">我的购物车</div>
        <div class="nav_right">清空购物车</div>
    </nav>
    <!-- 头部下标题结束 -->

    <section class="cartMain">
        <div class="cartMain_hd">
            <ul class="order_lists cartTop">
                <li class="list_chk">
                    <input type="checkbox" id="all" class="whole_check">
                </li>
                <li class="list_con">商品信息</li>
                <li class="list_price">商品单价</li>
                <li class="list_amount">商品数量</li>
                <li class="list_sum">小计</li>
                <li class="list_op">操作</li>
            </ul>
        </div>

        <!-- 数据内容开始 -->
        <div class="cartBox">
            <div class="order_content">
                <!-- 第一个数据 -->
                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_2" class="son_check">

                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img
                                    src="http://p2.dapuimg.com/public/images/06/9d/5e/336ddbf22807f6acdc302d85e52950ef.jpg?1582162192#h"
                                    alt=""></a></div>
                        <div class="list_text">
                            <a href="javascript:;">原棉毛巾/三条装【出口日本同款】</a>
                            <p>颜色：三条装</p>
                        </div>
                    </li>
                    <li class="list_price">
                        <p class="price">￥129</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥129</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn">
                                <button>删除</button></a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 第二个数据 -->
        <div class="cartBox">
            <div class="order_content">

                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_3" class="son_check">

                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img
                                    src="http://p2.dapuimg.com/public/images/99/f9/9d/8937d6a57f3ec688138e11a9815ddc73.jpg?1541073271#h"
                                    alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">婴幼儿针织亚麻凉席两件套</a>
                            <p>颜色：浅粉（棉仔）、尺寸：枕片:30cmX45cm</p>
                            <p>凉席:60x120cm</p>
                        </div>
                    </li>
                    <li class="list_price">
                        <p class="price">￥299</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥299</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn"> <button>删除</button></a></p>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 第三个数据 -->
        <div class="cartBox">
            <div class="order_content">

                <ul class="order_lists">
                    <li class="list_chk">
                        <input type="checkbox" id="checkbox_6" class="son_check">

                    </li>
                    <li class="list_con">
                        <div class="list_img"><a href="javascript:;"><img
                                    src="http://p2.dapuimg.com/public/images/cb/93/27/9188d36a29fe0c187929b8cb4902b151.jpg?1573459246#h"
                                    alt=""></a></div>
                        <div class="list_text"><a href="javascript:;">DAPU 毛球修剪器</a>
                            <p>颜色：绿色</p>
                        </div>
                    </li>

                    <li class="list_price">
                        <p class="price">￥99</p>
                    </li>
                    <li class="list_amount">
                        <div class="amount_box">
                            <a href="javascript:;" class="reduce reSty">-</a>
                            <input type="text" value="1" class="sum">
                            <a href="javascript:;" class="plus">+</a>
                        </div>
                    </li>
                    <li class="list_sum">
                        <p class="sum_price">￥99</p>
                    </li>
                    <li class="list_op">
                        <p class="del"><a href="javascript:;" class="delBtn"> <button>删除</button></a></p>
                    </li>
                </ul>
            </div>
        </div>



        <!-- 数据内容结束 -->
        <!-- 已享受的促销优惠 -->
        <div class="discounts">
            <h3>已享受的促销优惠:</h3>
            <h5>满88包邮</h5>
        </div>

        <!--底部-->
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="totalMoney">原始金额：<strong class="total_text">0.00</strong></div>
            </div>
        </div>
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="discounts1">优惠金额：<strong>0.00</strong></div>
            </div>
        </div>
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
            </div>
        </div>
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="totalMoney">商品总金额(不含运费)：<strong class="total_text">0.00</strong></div>
            </div>
        </div>
        <div class="bar-wrapper">
            <div class="bar-right">
                <div class="calBtn0"><a href="javascript:;">继续购物</a></div>
                <div class="calBtn"><a href="javascript:;">去结算</a></div>
            </div>
        </div>
    </section>


    <section class="model_bg"></section>
    <section class="my_model">
        <p class="title">删除宝贝<span class="closeModel">X</span></p>
        <p>您确认要删除该宝贝吗？</p>
        <div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;"
                class="dialog-close">关闭</a></div>
    </section>
</body>
<!-- 购物车js -->
<script src="../js/cart_jquery.js"></script>
<script src="../js/carts.js"></script>

</html>